<template>
  <div class="head-container">
    <el-form :inline="true" size="small" :model="query">
      <el-form-item label="课程名称">
        <el-input v-model="query.name" placeholder="课程名称" clearable />
      </el-form-item>
    
      <el-form-item>
        <el-button type="primary" icon="el-icon-search" @click="toQuery">查询</el-button>
      </el-form-item>
    </el-form>

  </div>
</template>

<script>
  export default {

    props: {
      query: {
        type: Object,
        required: true
      }
    },
    data() {
      return {
        
      }
    },
    methods: {
      toQuery() {
        this.$parent.page = 1
        this.$parent.init()
      }
    }
  }

</script>
